<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Finance</title>
    <link rel="stylesheet"  type="text/css"  href="../lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet"  type="text/css" href="../css/roasting.css">
</head>
<body>
<div class="goodslist-wrapper" style="padding: 0 30px 0 30px">
    <div>
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation"><a href="#Finance" >总额 <i>(900)</i></a></li>
            <li role="presentation" class="active"><a href="#FinanceOrder">订单额 <i>(900)</i></a></li>
            <li role="presentation"><a href="#FinanceRefund" >退款额 <i>(900)</i></a></li>
        </ul>
        <div CLASS="row " style="padding: 30px 0">
            <div class="col-sm-12 form-inline">
                <form class="flt">
                    <input type="text" class="form-control" placeholder="订单号">
                    <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
                </form>
                <div class="flt line2">
                    <a href="javascript:;" style="margin-left: 20px">
                        <span class="glyphicon glyphicon-repeat"></span>
                    </a> 刷新-共 <i>900</i>条记录
                </div>
            </div>
        </div>
        <div class="tab-content" style="margin-top: 20px">
            <form action="">
                <table class="table "style="text-align: center">
                    <thead style="border: 1px solid #BBBBBB;background-color:#eeeeee;" >
                        <tr style="border-bottom: 1px solid #BBBBBB">
                            <td>订单号</td>
                            <td>支付时间</td>
                            <td>收款方式</td>
                            <td>收款人</td>
                            <td>收款账号</td>
                            <td>实收金额</td>
                            <td>操作</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <span>ECS000938</span>
                            </td>
                            <td>
                                <span>2017-10-10 07:08</span>
                            </td>
                            <td>支付宝</td>
                            <td>
                                <span>张三</span>
                            </td>
                            <td>
                                <span>ECS000938</span>
                            </td>
                            <td>
                                ￥<span>179.00</span>
                            </td>
                            <td>
                                <a href="javascript:;" data-toggle="modal" data-target="#finance-popup">查看</a>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>ECS000938</span>
                            </td>
                            <td>
                                <span>2017-10-10 07:08</span>
                            </td>
                            <td>支付宝</td>
                            <td>
                                <span>张三</span>
                            </td>
                            <td>
                                <span>ECS000938</span>
                            </td>
                            <td>
                                ￥<span>179.00</span>
                            </td>
                            <td>
                                <a href="javascript:;" data-toggle="modal" data-target="#finance-popup">查看</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </form>
        </div>
    </div>
</div>

<!--财务查看模态框start-->
<div class="modal fade" id="finance-popup" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >财务详情<span class="modal-em">2017-10-17</span></h4>
            </div>
            <div class="modal-body">
                <table class="finance-details">
                    <tr>
                        <td>
                            <div class="det-txt">
                                <div>订单数：170笔</div>
                                <div>总交易额：￥6200</div>
                            </div>
                            <a href="javascript:;" class="det-a">查看</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="det-txt">
                                <div>订单数：170笔</div>
                                <div>总交易额：￥6200</div>
                            </div>
                            <a href="javascript:;" class="det-a">查看</a>
                        </td>
                    </tr>

                </table>
            </div>
        </div>
    </div>
</div>
<!--财务查看模态框end-->

<script src="../lib/jquery/jquery.min.js"></script>
<script src="../lib/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>